<template>
  <div class="box">
    <img class="img" src="../../assets/404bg.png" alt="">
    <RouterLink class="but"  to="/home">返回首页</RouterLink>
  </div>
</template>

<script lang="ts" setup>


</script>

<script lang="ts">
export default {
  name: '404'
}
</script>

<style lang="scss" scoped>
.box{
  width:100%;
  height:100%;
  position: relative;
  background: url(../../assets//404.jpg);
  .img{
    width:100%;
    height:100%;
    display:block;
  }
  .but{
    padding:10px 15px;
    font-size:16px;
    text-align: center;
    position: absolute;
    bottom:20%;
    left:50%;
    transform: translateX(-50%);
    background-color: #409EFF;
    // line-height: 60px;
    color: white;
    border-radius: 10px;
    text-decoration: none;
  }

}
</style>
